<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/pin_xjzdy.css" />
		<script src="js/jquery.min.js"></script>
		<link rel="stylesheet" href="css/zeroModal.css">
		<script src="js/zeroModal.min.js"></script>
		<script src="js/base.js"></script>
		<script src="js/paging.js"></script>
		<script src="js/pin_xjzdy.js"></script>
		<style>
			*{
				margin:0;
				padding:0;
			}
			.btn_sqs{
				border:none;
				outline: none;
				border:1px solid #000;
				background:#fff;
				padding:5px 7px;
			}
			.addp{
				font-size: 12px;
				background: #0073A9;
				color:#fff;
				border-radius: 3px;
				padding:0 2px;
				font-style:normal;
			}
			thead th,td{
				font-weight: normal!important;
				height:25px!important;

			}
			tbody th,td{
				font-weight: normal!important;
				height:25px!important;

			}
			.page_div {
				margin-top: 20px;
				margin-bottom: 20px;
				font-size: 15px;
				font-family: "microsoft yahei";
				color: #666666;
				margin-right: 10px;
				padding-left: 20px;
				box-sizing: border-box;
			}
			/*
			 * 页数按钮样式
			 */
			
			.page_div a {
				min-width: 30px;
				height: 28px;
				border: 1px solid #dce0e0!important;
				text-align: center;
				margin: 0 4px;
				cursor: pointer;
				line-height: 28px;
				color: #666666;
				font-size: 13px;
				display: inline-block;
				cursor: pointer;
				color: #0073A9;
			}
			
			#firstPage,
			#lastPage {
				width: 50px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			#prePage,
			#nextPage {
				width: 70px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			.page_div .current {
				background-color: #0073A9;
				border-color: #0073A9;
				color: #FFFFFF;
			}
			
			.totalPages {
				margin: 0 10px;
			}
			
			.totalPages span,
			.totalSize span {
				color: #0073A9;
				margin: 0 5px;
            } 
            .yfb_list th,tr{
                font-weight: normal;
            }
		</style>
	</head>

	<body>
		<div class="contain">
			<div class="top">
				<div class="top_one" style="width: 100%; height: 50px;">
					<span style="margin-left: 3%;">名称:<input type="text" class="pd_name" style="width:100px; border: none; outline: none; border-bottom: 1px solid black;"/></span>
					<span style="margin-left: 5.5%;">前台显示:
					<select style="width: 8%;" class="qt_show">
						<option value="1">是</option>
						<option value="2">否</option>
					</select>
				</span>
					<span style="margin-left: 3%;">排序:<input class="pd_sort" type="text" style="border: none; outline: none; width: 7%;border-bottom: 1px solid black;"/></span><br />
				</div>
				<div class="top_two" style="width: 100%; height: 50px;">
					<span style="margin-left: 3%; margin-top: 2%;">专题名称:<input  class="zt_name" type="text" style="width: 100px; border: none; outline: none;border-bottom: 1px solid black;"/></span>
					<span style="margin-left: 3%;">专题id:
						<input type="text" class="ztid" style="width:100px;border: none;outline: none;border-bottom: 1px solid black;" />
					</span>
					<span style="margin-left: 4.5%;">类别:专题</span>
					
					<span style="margin-left: 4%;">状态:已发布</span>
					
					<span style="margin-left: 2%;"> <button class="btn_sqs">搜索</button></span>
				</div>
			</div>
			<p style="font-size: 14px;margin-left: 3%;">搜索结果:</p>
			<table border="1" style="width: 87%; height: auto; font-size: 16px; border: 1px #ccc;margin-left: 2%; text-align: center;margin-top: 3%; border-collapse:collapse;border-spacing:0; ">
				<thead style="">
					<tr >
						<th style="display: none">
							<input type="checkbox">
						</th>
						<th>专题名称</th>
						<th>创建时间</th>
						<th>修改时间</th>
						<th>发布时间</th>
						<th>关注数</th>
						<th>收藏数</th>
						<th>文章数量</th>
						<th>操作</th>
					</tr>
					<tbody class="yfb_list" >

					</tbody>
				</thead>
			</table>
			<div class="page_fen">
				<div id="page" class="page_div"></div>
			</div>
			<p style="font-size: 14px; margin-left: 3%;">已加入:</p>
			<table border="1" style="width: 87%; height: auto; font-size: 13px; border: 1px #ccc;margin-left: 2%; text-align: center;margin-top: 3%; border-collapse:collapse;border-spacing:0; ">
				<thead style="">
					<tr>
						<th style="display: none">
							<input type="checkbox">
						</th>
						<th>专属名称</th>
						<th>创建时间</th>
						<th>修改时间</th>
						<th>发布时间</th>
						<th>关注数</th>
						<th>收藏数</th>
						<th>文章数量</th>
						<th>操作</th>
					</tr>
					<tbody class="yiadd">
				
					</tbody>
				</thead>
			</table>
			<div class="button" style="margin-top: 50px;">
				<button style="outline: none;" class="cj zdy_add">创建</button>
				<button style="outline: none;" class="qx">取消</button>
			</div>
		</div>
	</body>

</html>